diff --git a/src/components/record-modal/record-modal.css b/src/components/record-modal/record-modal.css
index 27c1bb40ceb44b1b8fbb08923bfe183dc4294c2f..0f82c659420c44de5c0b9bd4b640d9bce7fc6a38 100644
--- a/src/components/record-modal/record-modal.css
+++ b/src/components/record-modal/record-modal.css
@@ -78,18 +78,29 @@ $sides: 5rem;
     padding: 1.5rem 2.25rem;
 }
 
-.waveform-container {
-    padding: 15px;
-    margin: auto;
+.visualization-container {
     display: flex;
     justify-content: space-around;
-    align-items: center;
+}
+
+.meter-container, .waveform-container {
     background: white;
     border: 1px solid #ddd;
     border-radius: 5px;
-    text-align: center;
+    padding: 3px;
+
+}
+.meter-container {
+    margin-right: 5px;
     height: 180px;
+}
+
+.waveform-container {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
     width: 100%;
+    height: 180px;
 }
 
 .help-text {
@@ -156,21 +167,6 @@ $sides: 5rem;
     text-align: center;
 }
 
-.visualization-container {
-    display: flex;
-    justify-content: space-around;
-
-}
-
-.meter-container {
-    background: white;
-    border: 1px solid #ddd;
-    border-radius: 5px;
-    margin-right: 5px;
-    padding: 3px;
-    height: 180px;
-}
-
 .record-button {
     overflow: visible;
 }